<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="button.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
      #pink {color: #ff4a45;background-color: antiquewhite }
      #green {color: #31b91e; background-color: antiquewhite }
      #blue {color: #1745ff;background-color: antiquewhite  }
      /*#red {color:red;}*/
      /*#green {color:green; }*/
      body{
        margin: 0;
        overflow: hidden;
      }
      .box{
        width: 100px;
        height: 30px;
        margin: 0.33333rem;
        background: pink;
        float: left;
        font-size: 10px;
      }
      #user_info{
        float: left;
        margin-bottom: 20px;
        margin-left: 10px;
      }


    </style>
    <script>
      var initScale = 1/ window.devicePixelRatio;
      document.write('<meta name="viewport" content="width=device-width,' +
              'user-scalable=no，initial-scale='+ initScale +',' +
              'minimum-scale='+ initScale +',maximum-scale='+ initScale +'">');
      　　var initWidth = window.document.documentElement.clientWidth;
      document.getElementsByTagName('html')[0].style.fontSize = initWidth / 50 + 'px';
    </script>
  </head>
  <body style="width: 350px">

  <div style="margin-top: 10px">
    <button id="kobe" class="box">科比</button>
    <button id="curry" class="box">库里</button>
    <button id="harden" class="box">哈登</button>
    <button id="xiaoye" class="box">小野</button>
      <button id="cRonaldo" class="box">C罗</button>
      <button id="messi" class="box">梅西</button>

  </div>



  <div id="user_info"  ></div>

    <script src="popup.js"></script>
  </body>
</html>
